<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 底部 -->
<div class="bottom same">
  <div class="bottom_top center flexs">
    <div class="botTop_left">
      <img src="assets/img/1_78.png" alt="">
      <p>
        Nam libero tempore,cum soluta nobis esteligendi optio cumque quod maxime
        placeat cum soluta nobis facere possimusnihil impedit quo minus id quod maximeplaceat facere possimus. est eligendioptio cumque
      </p>
      <p>
        facere possimus nihil impedit quo minusid quod maxime placeat facere possimus.
      </p>
    </div>
    <div class="botTop_left">
      <h3>News Letter</h3>
      <div class="progress">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
          <span class="sr-only">50% Complete (warning)</span>
        </div>
      </div>
      <p>
        facere possimus nihil iimpedit quo minusid quod maxime placeat facere possimus.est eligendi
      </p>
      <input type="text" placeholder="Enter your emall adaress...">
      <button onclick="searchClick()">SUBCRIBE NOW</button>
    </div>
    <div class="botTop_left">
      <h3>News Letter</h3>
      <div class="progress">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
          <span class="sr-only">50% Complete (warning)</span>
        </div>
      </div>
      <div class="photos flex">
        <img src="assets/img/1-2_03.png" alt="">
        <img src="assets/img/1-2_03.png" alt="">
        <img src="assets/img/1-2_03.png" alt="">

      </div>
    </div>
  </div>
</div>
<div class="bottoms same">
  <p>Copyright D 2015.Company name All rights reserved.氧设计</p>
</div>
</body>
</html>
